<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>DC-专用地图</title>
    <link rel="stylesheet" th:href="@{/rec/css/ditustyle.css}">
    <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Hy39puRjkD52O5l2T0ne7ZpSepVNY3fN"></script>
    <script th:src="@{/rec/js/ditumain.js}"></script>
</head>
<body>
<div id="myPageTop">
    <a href="javascript:void(0);" id="show">
        搜索酒店地址
    </a>
    <div class="pageShow">
        <h3>搜索地址</h3>
<!--        placeholder="山西省小店区坞城南路彩红街城南逸居"-->
        <input id="local"  value="山西省小店区坞城南路彩红街城南逸居">
        <span>—&nbsp;—</span>
        <a id="city" href="javascript:void(0);">
            点击搜索
        </a>

        <h3>搜索行车路径</h3>
        <input id="star" placeholder="行车开始地址">
        <span>—&nbsp;—</span>
        <input id="end"  value="山西省小店区坞城南路彩红街城南逸居">
        <span>—&nbsp;—</span>
        <a id="car" href="javascript:void(0);">
            点击搜索
        </a>

        <h3>搜索公交路径</h3>
        <input id="bStar" placeholder="公交开始地址">
        <span>—&nbsp;—</span>
        <input id="bEnd" value="山西省小店区坞城南路彩红街城南逸居">
        <span>—&nbsp;—</span>
        <a id="bus" href="javascript:void(0);">
            点击搜索
        </a>

        <h3>搜索步行路径</h3>
        <input id="wStar" placeholder="步行开始地址">
        <span>—&nbsp;—</span>
        <input id="wEnd" value="山西省小店区坞城南路彩红街城南逸居">
        <span>—&nbsp;—</span>
        <a id="walk" href="javascript:void(0);">
            点击搜索
        </a>
    </div>
</div>
<div id="container"></div>
<div id="panel"></div>
</body>
</html>